<template>
    <div class="divider"/>
</template>

<script>
  export default {
    name: "Divider",
  }
</script>

<style lang="scss" scoped>
    @import "../styles/variables";

    .divider {
        margin: 0 8px;
        border: 0;
        position: relative;

        &:after {
            content: ' ';
            position: absolute;
            left: 0;
            bottom: 0;
            top: 0;
            background: $gray-4;
            width: 2px;
            height: 12px;
            transform: scaleX(0.5);
            transform-origin: 0 0;
        }
    }
</style>
